<script lang="ts" setup>
import { ref } from 'vue'

const tableData = ref<any[]>([])

/*
 * 打开弹框
 */

const dialogVisible = ref(false)
const openDialog = (data: any) => {
  tableData.value = [data]
  dialogVisible.value = true
  getTableData()
}

/*
 * 获取表格数据
 */
const getTableData = () => {
  //
}

defineExpose({ openDialog })
</script>
<template>
  <el-dialog v-model="dialogVisible" title="案卷详情" width="60%" :close-on-click-modal="false">
    <el-table :data="tableData" height="400">
      <el-table-column prop="dh" label="档号" min-width="160" />
      <el-table-column prop="ajlx" label="案卷类别" min-width="150" />
      <el-table-column prop="ajsl" label="案卷数量" width="120" />
      <el-table-column prop="zys" label="总页数" width="120" />
      <el-table-column prop="zzys" label="纸质页数" width="120" />
      <el-table-column prop="sxsl" label="音视频" width="120" />
      <el-table-column prop="gdrq" label="归档日期" width="120" />
    </el-table>
    <template #footer>
      <div class="dialog-footer">
        <el-button type="default" @click="dialogVisible = false">关闭</el-button>
      </div>
    </template>
  </el-dialog>
</template>
<style lang="scss" scoped></style>
